<script setup>
import { useRoute } from "vue-router";

const route = useRoute();

const singerId = route.query.id;

</script>

<template>
  <header-bar title="歌手详情"></header-bar>
  <div class="wrapper singer_container">
    <el-scrollbar height="100%">
      <singer-tab></singer-tab>
      <div class="title">热门歌曲</div>
      <singer-song></singer-song>
      <div class="title">专辑</div>
      <singer-album></singer-album>
      <div class="title">MV</div>
      <singer-same></singer-same>
    </el-scrollbar>
  </div>
</template>

<style scoped lang="scss">
.singer_container {
    height: calc(100% - 60px);
    padding: 20px 50px;
  .title {
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
    margin: 16px 0;
  }
}
</style>
